*{
	padding: 0;
	margin: 0;
}

body{
	position: relative;
	text-align: center;
      color: #333;
	font-family: tahoma, Arial, sans-serif;
	font-size: 13px;
	overflow-y:scroll;
	
}
article, aside, figure, footer, header, hgroup, nav, section {
display:block;
}
hr{
	width:auto;
	border:1px solid #aaa;
	margin:10px 0px;
}
i{
	color:#ccc;
}
i:hover{
	color:#999;
}
a{
	text-decoration: none;
	color:#333;
}

a:active {
    outline: none;
}
img{
	border:none;
	}

.clear{
	clear: both;
}

input[type='text'],input[type='password'],input[type='email'],input[type='tel'],input[type='search'],textarea,select{
	/* width: auto;
	height: auto;
	border:none;
	background: #fff;
	font-size: 15px; */
}

input[type='checkbox'] {
	-moz-appearance: none;
	-o-appearance: none;
	-webkit-appearance: none;
	-khtml-appearance: none;
	width: 10px;
	height: 10px;
	border: 1px solid #ccc;
}

input[type='checkbox']:checked {
	background: #222;
}



.lock {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.4;
	filter: alpha(opacity = 40);
	z-index: 99999;
}

.disable{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	cursor: not-allowed;
	opacity: 0.7;
	filter: alpha(opacity=70);
	text-align: center;
}

table.format{
	width: 100%;
	height: auto;
	table-layout:auto;
	border-spacing: 0px;
	border-collapse: collapse;
	word-wrap:break-word;
}

table.format > tbody > tr:FIRST-CHILD > td > div.wrap{
    position:relative;
	width:auto;
	height:auto;
	overflow:auto;
	margin-top:-1px;
}
table.format > tbody > tr > td,table.format > thead > tr > th,table.format > tfoot > tr > td{
	word-wrap:break-word;
}

table.grid > tbody > tr > td,table.grid > thead > tr > th,table.grid > tfoot > tr > td{
	border:1px solid #ccc;
}

.tableDecorBody{
	
}

.tableDecorBody > tbody > tr,.tableDecorHead > thead > tr{
	height:35px;
}
.tableDecorHead > thead > tr{
	background: #ddd;
	
	}
	.tableDecorHead > thead > tr:first-child{
	text-align: left;
	}
.tableDecorBody > tbody > tr > td,.tableDecorHead > thead > tr > th{
	border:1px solid #eee;
}

.tableDecorBody > tbody > tr:nth-of-type(even){
background:#f0f0f0;
}

.tableDecorBody > tbody > tr:nth-of-type(odd) {
background:#fff;
}

.tableDecorBody > tbody > tr:nth-of-type(even) td:first-child{
background:#ccc;
}

.tableDecorBody > tbody > tr:nth-of-type(odd) td:first-child{
background:#ddd;
}

fieldset{
	border:1px solid #ccc;
}

.scrollbar::-webkit-scrollbar {
    width: 12px;
}
 

.scrollbar::-webkit-scrollbar-track {
background:#f5f5f5;
border-left:1px solid #ccc;
}
 .scrollbar::-webkit-scrollbar-button {
/* background:#606060; */
}
  .scrollbar::-webkit-scrollbar-track-piece {
/* background:#ff0000; */
}
.scrollbar::-webkit-scrollbar-thumb {
   background:#606060;
}
.scrollbar::-webkit-scrollbar-thumb:window-inactive {
	/* background: rgba(255,0,0,0.4);  */
}
table.gauge > tbody > tr > td{
	padding:0px;
	margin:0px;
	text-align: center;
	height:20px;
}
	/* non-modal dialog */
	.non_modal_dialog{
	position: relative;
	width:auto;
	height:auto;
	border:1px solid #f0f0f0;
	background: #fff;
	-moz-box-shadow:  -0px -0px 8px #ddd,0px 0px 8px #ddd;
-webkit-box-shadow:  -0px -0px 8px #ddd,0px 0px 8px #ddd;
box-shadow: -0px -0px 8px #ddd,0px 0px 8px #ddd;

-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
	}
	.non_modal_dialog > table {
	width:auto;
	height:auto;
	border-spacing: 0px;
	border-collapse: collapse;
	}

	.non_modal_dialog > table > thead > tr > th{
	border-bottom:1px solid #ccc;
	text-align: left;
	padding: 5px 10px;
	height:20px;
	cursor: move;
	color: #606060;
	}
	.non_modal_dialog > table > tbody > tr > td > div{
	position: relative;
	width:auto;
	height:auto;
	margin:10px;
	overflow: hidden !important;
	}
	.draggable{
	position:fixed;
	width:auto;
	height:auto;
	z-index:9999;
	}
	

::-moz-selection {
       background-color: #FFA;
       color: #000;
}
 
::selection {
       background-color: #FFA;
       color: #000;
}

.button{        
	display: inline-block;
	white-space: nowrap;
	background-color: #ccc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	background-image: -webkit-linear-gradient(top, #eee, #ccc);
	background-image: -moz-linear-gradient(top, #eee, #ccc);
	background-image: -ms-linear-gradient(top, #eee, #ccc);
	background-image: -o-linear-gradient(top, #eee, #ccc);
	background-image: linear-gradient(top, #eee, #ccc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
	border: 1px solid #777;
	padding: 0 1.5em;
	margin: 0.5em;
	font: bold 1em/2em Arial, Helvetica;
	text-decoration: none;
	color: #333;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
	border-radius: .2em;
	-moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	-webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
	box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3);
}

.button:hover{
	background-color: #ddd;        
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
	background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
	background-image: -moz-linear-gradient(top, #fafafa, #ddd);
	background-image: -ms-linear-gradient(top, #fafafa, #ddd);
	background-image: -o-linear-gradient(top, #fafafa, #ddd);
	background-image: linear-gradient(top, #fafafa, #ddd);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');        
}

.button:active{
	-moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	-webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset;
	position: relative;
	top: 1px;
}

.button:focus{
	outline: 0;
	background: #fafafa;
}    

.button:before{
	background: #ccc;
	background: rgba(0,0,0,.1);
	float: left;        
	width: 1em;
	text-align: center;
	font-size: 1.5em;
	margin: 0 1em 0 -1em;
	padding: 0 .2em;
	-moz-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	-webkit-box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	-moz-border-radius: .15em 0 0 .15em;
	-webkit-border-radius: .15em 0 0 .15em;
	border-radius: .15em 0 0 .15em;
        pointer-events: none;        
}

/* Hexadecimal entities for the icons */

.add:before{
	content: "\271A";
}

.edit:before{
	content: "\270E";        
}

.delete:before{
	content: "\2718";        
}

.save:before{
	content: "\2714";        
}

.email:before{
	content: "\2709";        
}

.like:before{
	content: "\2764";        
}

.next:before{
	content: "\279C";
}

.star:before{
	content: "\2605";
}

.spark:before{
	content: "\2737";
}

.play:before{
	content: "\25B6";
}
.but{
	width:auto;
	height:auto;
	padding:2px 10px;
	border:1px solid #ccc;
	background: #f0f0f0;
	cursor: pointer;
}
.but:hover{
	background: #fff;

	}
	button{
	cursor: pointer;
	}